<template>
  <div class="box">
    <div class="box1">
      <span class="iconfont icon-qiandao"></span>
      <div class="box2">
        <p class="iconfont icon-fangdajing"></p>
        <span class="chaxun">查询</span>
      </div>
      <span class="iconfont icon-xinxi1"></span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  /* position: fixed;
  top: 0px; */
  width: 100%;
  height: 0.7rem;
  background: #f9f9f9;
}
.box1 {
  display: flex;
  justify-content: space-around;
  /* margin-top: 0.1rem; */
  align-items: center;
  line-height: 0.7rem;
}
.box2 {
  display: flex;
  /* width: 100%; */
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
  width: 2.56rem;
  height: 0.33rem;
  border-radius: 15px;
  /* border: 1px solid gray; */
  background: #edeef0;
}
.icon-qiandao {
  font-size: 18px;
}
.icon-fangdajing {
  padding-right: 10px;
  font-size: 13px;
}
.chaxun {
  -webkit-transform: scale(0.833);
  font-size: 6px;
}
.icon-xinxi1 {
  font-size: 20px;
}

</style>